<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>前端开发工程师 - 邓甲倍 | 简历</title>
    <meta name="description" content="简历">
    <link rel="preload stylesheet" href="/dengjiabei/assets/style.3be8c168.css" as="style">
    <link rel="modulepreload" href="/dengjiabei/assets/app.130337a6.js">
    <link rel="modulepreload" href="/dengjiabei/assets/index.md.1b3dfb78.lean.js">
    
    <link rel="icon" href="/dengjiabei/favicon.ico">
  <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-93a960b4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-151f2593></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-151f2593> Skip to content </a><!--]--><!----><header class="VPNav" data-v-93a960b4 data-v-0fa0e57d><div class="VPNavBar" data-v-0fa0e57d data-v-be450ad9><div class="container" data-v-be450ad9><div class="title" data-v-be450ad9><div class="VPNavBarTitle" data-v-be450ad9 data-v-6d2fb2d9><a class="title" href="/dengjiabei/" data-v-6d2fb2d9><!--[--><!--]--><!--[--><img class="VPImage logo" src="/dengjiabei/favicon.ico" alt data-v-6db2186b><!--]--><!--[-->求职简历<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-be450ad9><div class="curtain" data-v-be450ad9></div><div class="content-body" data-v-be450ad9><!--[--><!--]--><!----><!----><!----><div class="VPNavBarAppearance appearance" data-v-be450ad9 data-v-da3f667a><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-label="toggle dark mode" aria-checked="false" data-v-da3f667a data-v-0d529b6d data-v-f3c41672><span class="check" data-v-f3c41672><span class="icon" data-v-f3c41672><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-0d529b6d><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-0d529b6d><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-be450ad9 data-v-2ab2a029 data-v-f6988cfb><!--[--><a class="VPSocialLink" href="https://mp.weixin.qq.com/mp/profile_ext?action=home&amp;__biz=MzI4OTg1NzA3MQ==#wechat_redirect" target="_blank" rel="noopener" data-v-f6988cfb data-v-e57698f6><svg t="1675763469709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4042" width="128" height="128"><path d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z" fill="#5D5D5D" p-id="4043"></path></svg></a><a class="VPSocialLink" href="https://github.com/bello96" target="_blank" rel="noopener" data-v-f6988cfb data-v-e57698f6><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><a class="VPSocialLink" href="https://gitee.com/bello96" target="_blank" rel="noopener" data-v-f6988cfb data-v-e57698f6><svg t="1675763662103" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4705" width="128" height="128"><path d="M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m259.2-569.6H480c-12.8 0-25.6 12.8-25.6 25.6v64c0 12.8 12.8 25.6 25.6 25.6h176c12.8 0 25.6 12.8 25.6 25.6v12.8c0 41.6-35.2 76.8-76.8 76.8h-240c-12.8 0-25.6-12.8-25.6-25.6V416c0-41.6 35.2-76.8 76.8-76.8h355.2c12.8 0 25.6-12.8 25.6-25.6v-64c0-12.8-12.8-25.6-25.6-25.6H416c-105.6 0-188.8 86.4-188.8 188.8V768c0 12.8 12.8 25.6 25.6 25.6h374.4c92.8 0 169.6-76.8 169.6-169.6v-144c0-12.8-12.8-25.6-25.6-25.6z" fill="#888888" p-id="4706"></path></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-be450ad9 data-v-f38c483a data-v-96001b6b><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-96001b6b><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-96001b6b><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-96001b6b><div class="VPMenu" data-v-96001b6b data-v-e7ea1737><!----><!--[--><!--[--><!----><div class="group" data-v-f38c483a><div class="item appearance" data-v-f38c483a><p class="label" data-v-f38c483a>Appearance</p><div class="appearance-action" data-v-f38c483a><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-label="toggle dark mode" aria-checked="false" data-v-f38c483a data-v-0d529b6d data-v-f3c41672><span class="check" data-v-f3c41672><span class="icon" data-v-f3c41672><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-0d529b6d><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-0d529b6d><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="group" data-v-f38c483a><div class="item social-links" data-v-f38c483a><div class="VPSocialLinks social-links-list" data-v-f38c483a data-v-f6988cfb><!--[--><a class="VPSocialLink" href="https://mp.weixin.qq.com/mp/profile_ext?action=home&amp;__biz=MzI4OTg1NzA3MQ==#wechat_redirect" target="_blank" rel="noopener" data-v-f6988cfb data-v-e57698f6><svg t="1675763469709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4042" width="128" height="128"><path d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z" fill="#5D5D5D" p-id="4043"></path></svg></a><a class="VPSocialLink" href="https://github.com/bello96" target="_blank" rel="noopener" data-v-f6988cfb data-v-e57698f6><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><a class="VPSocialLink" href="https://gitee.com/bello96" target="_blank" rel="noopener" data-v-f6988cfb data-v-e57698f6><svg t="1675763662103" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4705" width="128" height="128"><path d="M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m259.2-569.6H480c-12.8 0-25.6 12.8-25.6 25.6v64c0 12.8 12.8 25.6 25.6 25.6h176c12.8 0 25.6 12.8 25.6 25.6v12.8c0 41.6-35.2 76.8-76.8 76.8h-240c-12.8 0-25.6-12.8-25.6-25.6V416c0-41.6 35.2-76.8 76.8-76.8h355.2c12.8 0 25.6-12.8 25.6-25.6v-64c0-12.8-12.8-25.6-25.6-25.6H416c-105.6 0-188.8 86.4-188.8 188.8V768c0 12.8 12.8 25.6 25.6 25.6h374.4c92.8 0 169.6-76.8 169.6-169.6v-144c0-12.8-12.8-25.6-25.6-25.6z" fill="#888888" p-id="4706"></path></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-be450ad9 data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><!----></header><!----><!----><div class="VPContent" id="VPContent" data-v-93a960b4 data-v-0bd490fb><div class="VPDoc has-aside" data-v-0bd490fb data-v-c5936a1e><div class="container" data-v-c5936a1e><div class="aside" data-v-c5936a1e><div class="aside-curtain" data-v-c5936a1e></div><div class="aside-container" data-v-c5936a1e><div class="aside-content" data-v-c5936a1e><div class="VPDocAside" data-v-c5936a1e data-v-cdc66372><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" data-v-cdc66372 data-v-5dd9d5f6><div class="content" data-v-5dd9d5f6><div class="outline-marker" data-v-5dd9d5f6></div><div class="outline-title" data-v-5dd9d5f6>开始</div><nav aria-labelledby="doc-outline-aria-label" data-v-5dd9d5f6><span class="visually-hidden" id="doc-outline-aria-label" data-v-5dd9d5f6> Table of Contents for current page </span><ul class="root" data-v-5dd9d5f6 data-v-1188541a><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-cdc66372></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-c5936a1e><div class="content-container" data-v-c5936a1e><!--[--><!--]--><main class="main" data-v-c5936a1e><div style="position:relative;" class="vp-doc _dengjiabei_index" data-v-c5936a1e><div><h1 id="前端开发工程师-邓甲倍" tabindex="-1">前端开发工程师 - 邓甲倍 <a class="header-anchor" href="#前端开发工程师-邓甲倍" aria-hidden="true">#</a></h1><h2 id="基本信息" tabindex="-1">基本信息 <a class="header-anchor" href="#基本信息" aria-hidden="true">#</a></h2><div class="line"><span><span class="lable">性别：</span>男</span><span><span class="lable">经验：</span>4.5年</span></div><div class="line"><span><span class="lable">学历：</span>本科</span><span><span class="lable">状态：</span>在职</span></div><div class="line"><span><span class="lable">邮箱：</span>bello96@163.com</span></div><div class="line"><span><span class="lable">手机：</span>159 5692 9867</span></div><h2 id="专业技能" tabindex="-1">专业技能 <a class="header-anchor" href="#专业技能" aria-hidden="true">#</a></h2><ul><li><strong>框架：</strong> 能够熟练使用<code>Vue/React</code>技术栈及其周边生态（工具库，UI 组件，插件等）组件化开发。</li><li><strong>JS 基础：</strong><ul><li>熟练掌握原生 <code>JS</code> 操作 <code>DOM</code>，<code>BOM</code> 元素。</li><li>对 <code>JS</code> 中面向对象、继承、深浅拷贝，原型、作用域链、闭包等有一定的理解并在实际项目中运用。</li><li>熟悉 <code>ES6</code> 语法特性并在能够在实际项目中熟练运用。</li></ul></li><li><strong>HTML/CSS：</strong><ul><li>对页面布局、<code>HTML</code> 语义化有一定的理解，熟练掌握 <code>CSS</code> 各种特性，能够快速精确还原UI设计图。</li><li>掌握 <code>rem</code>，响应式，<code>flex</code>，流式等各种布局并配合 <code>Less</code>，<code>Sass </code>预编译语言进行页面开发。</li></ul></li><li><strong>工具：</strong><ul><li>熟练使用 <code>webpack</code>、<code>vite</code> 构建工具工程化搭建配置项目。</li><li>熟练使用 <code>git</code>，<code>svn</code> 等版本控制工具管理项目代码。</li><li>熟练使用 <code>eslint</code>、<code>prettier</code> 等代码检验、风格统一的插件。`</li></ul></li><li><strong>其他：</strong><ul><li>对性能优化有一定的理解。</li></ul></li></ul><h2 id="工作经历" tabindex="-1">工作经历 <a class="header-anchor" href="#工作经历" aria-hidden="true">#</a></h2><ul><li><h4 id="上海中科软科技公司-2018-12-2021-2" tabindex="-1"><strong>上海中科软科技公司</strong> <code>2018.12/2021.2</code> <a class="header-anchor" href="#上海中科软科技公司-2018-12-2021-2" aria-hidden="true">#</a></h4><ul><li>参与前端技术选型讨论。</li><li>精确还原 <code>UI</code> 设计图及页面交互和接口联调工作。</li><li>搭建多套 <code>React</code> 中后台系统，设计权限管理体系，接入 <code>eslint</code> 统一代码书写提交规范等。</li><li>封装多个公共组件、工具函数在项目中复用，优化性能若干提升产品使用体验（首屏渲染，长列表渲染等）。</li></ul></li><li><h4 id="科大讯飞股份有限公司-2021-3-2023-2" tabindex="-1"><strong>科大讯飞股份有限公司</strong> <code>2021.3/2023.2</code> <a class="header-anchor" href="#科大讯飞股份有限公司-2021-3-2023-2" aria-hidden="true">#</a></h4><ul><li>参与需求评审，主导多个项目前端技术选型、工程搭建和规范配置工作。</li><li>多个新项目期间推进并落地前端流程规范化、工程化、标准化工作。</li><li>优化了多个项目的打包构建体积。</li><li>优化了核心项目页面瀑布流长列表渲染速度，提高用户使用体验。</li><li>工作期间，向集团前端开源社区发布多个共享组件，并获得 <code>2022</code> 年度优秀开源开发者评选名额。</li></ul></li></ul><h2 id="项目经验" tabindex="-1">项目经验 <a class="header-anchor" href="#项目经验" aria-hidden="true">#</a></h2><h3 id="智译处理系统" tabindex="-1">智译处理系统 <a class="header-anchor" href="#智译处理系统" aria-hidden="true">#</a></h3><p><code>vue2</code> <code>vuex</code> <code>echarts</code> <code>wavesurfer.js</code></p><h5 id="项目描述" tabindex="-1">项目描述： <a class="header-anchor" href="#项目描述" aria-hidden="true">#</a></h5><p>一个可以多语言快速翻译，文本翻译，图片翻译，在线听写，语音转写功能的系统。</p><h5 id="主要职责" tabindex="-1">主要职责： <a class="header-anchor" href="#主要职责" aria-hidden="true">#</a></h5><ol><li>根据需求设计图负责搭建前端工程。</li><li>实现快速翻译文本内容复制导出修改，鼠标移入高亮一键复制，长文本滚动左右实时对应。</li><li>利用长列表渲染优化，解决大量图片翻译左右切换时 <code>swiper</code> 插件卡顿问题。</li><li>采用 <code>websocket</code> 实现在线实时听写转文本功能。</li><li>语音文件转写文本，实现语音波纹播放与文本内容实时自动滚动对应功能。</li><li>首页采用 <code>echarts</code> 统计各个翻译转写数据，并实时适配不同比例屏幕。</li><li>采用 <code>less-loader</code> 对整个系统风格样式重构成科技感皮肤。</li></ol><h3 id="ah-网信办" tabindex="-1">AH 网信办 <a class="header-anchor" href="#ah-网信办" aria-hidden="true">#</a></h3><p><code>vue3</code> <code>ts</code> <code>echarts</code> <code>vite</code></p><h5 id="项目描述-1" tabindex="-1">项目描述： <a class="header-anchor" href="#项目描述-1" aria-hidden="true">#</a></h5><p>用于对本地机器磁盘或者云端文件进行检索命中关键词功能。</p><h6 id="主要职责-1" tabindex="-1">主要职责： <a class="header-anchor" href="#主要职责-1" aria-hidden="true">#</a></h6><ol><li>采用 <code>vue3</code> 搭建前端工程，并使用 <code>eslint、prettier</code> 等代码检验工具统一规范。</li><li>使用 <code>websocket</code> 实现实时检测命中情况，实时动态渲染到页面上。</li><li>解决在关闭或切换检索页时，<code>websocket</code> 停止’心跳检测‘问题，再次进入时开启 <code>websocket</code> 并启动‘心跳检测’。</li><li>优化检索命中一次性返回大量结果前端渲染卡顿问题（前端分页，虚拟列表渲染）。</li></ol><h3 id="网络多媒体分析平台" tabindex="-1">网络多媒体分析平台 <a class="header-anchor" href="#网络多媒体分析平台" aria-hidden="true">#</a></h3><p><code>vue2</code> <code>echarts</code> <code>tinymce</code> <code>ant-design-vue</code></p><h5 id="项目描述-2" tabindex="-1">项目描述： <a class="header-anchor" href="#项目描述-2" aria-hidden="true">#</a></h5><p>一个用于对网络舆情内容监控并分析的系统。</p><h5 id="主要职责-2" tabindex="-1">主要职责： <a class="header-anchor" href="#主要职责-2" aria-hidden="true">#</a></h5><ol><li>推动使用 <code>eslint、prettier</code> 等代码检验工具统一规范在项目中落地。</li><li>封装多个公共组件（弹框，音视频播放器，富文本，文件上传导出插件等）以复用，提高开发项目并统一页面风格。</li><li>解决聊天上下文模块，在大量聊天数据的情况下<code>（5000+）</code>前端页面滚动卡顿问题，并实时定位聊天位置。</li><li>解决首页大量统计模块在刚进入时高并发请求问题（采用 <code>async-server</code> 方式优化高并发）。减轻服务器压力的同时也提高了页面流畅度。</li><li>配置打包工具，减小构建包的大小。</li></ol><h3 id="对话工厂系统" tabindex="-1">对话工厂系统 <a class="header-anchor" href="#对话工厂系统" aria-hidden="true">#</a></h3><p><code>vue2</code> <code>jsplumb</code></p><h5 id="项目描述-3" tabindex="-1">项目描述： <a class="header-anchor" href="#项目描述-3" aria-hidden="true">#</a></h5><p>用于构建流程图的系统。</p><h5 id="主要职责-3" tabindex="-1">主要职责： <a class="header-anchor" href="#主要职责-3" aria-hidden="true">#</a></h5><ol><li>采用 <code>jsplumb</code> 插件绘制流程图画布并实时适配不同比例的设备。</li><li>每个节点 <code>node</code> 通过参数配置可实现 <code>parent</code> 和 <code>child</code> 数量接入连线鼠标事件。</li><li>实时监听 <code>connections</code> 和 <code>nodes</code> 链接情况和位置并更新数据。</li><li>采用本地缓存方式实现刷新页面时数据丢失导致线和点不对位问题。</li></ol><h3 id="贵金商城管理系统" tabindex="-1">贵金商城管理系统 <a class="header-anchor" href="#贵金商城管理系统" aria-hidden="true">#</a></h3><p><code>vue2</code> <code>vuex</code> <code>echarts</code></p><h5 id="项目描述-4" tabindex="-1">项目描述： <a class="header-anchor" href="#项目描述-4" aria-hidden="true">#</a></h5><p>一个电商购物平台的后台管理系统 。</p><h5 id="项目职责" tabindex="-1">项目职责： <a class="header-anchor" href="#项目职责" aria-hidden="true">#</a></h5><ol><li>利用 <code>Vue CLI</code> 脚手架初始化搭建项目模板。</li><li>与后台配合配置菜单路由及页面菜单按钮权限。</li></ol><ul><li><code>router</code> 配置菜单全部路由，通过后台返回角色 <code>id</code> 遍历递归显示对应角色菜单及按钮。</li><li>通过按钮 <code>id</code> 设置分配对应角色对应页面按钮显示与否。</li></ul><ol start="3"><li>使用 <code>Element-UI</code> 组件构建项目侧边栏，按钮，表格，分页显示样式，及上传商品图片组件和商品 详情富文本组件的使用；及表格的 <code>Excel</code> 导出。</li><li>根据登录角色的不同身份分配出不同的侧边栏菜单。</li><li>商品管理中对商品的信息商品缩略图的展示，以及上传和修改商品图片轮播图，商品详情等功能。</li><li>使用 <code>echarts</code> 可视化插件展示商品信息统计数据。</li></ol><h3 id="保险经纪核心系统" tabindex="-1">保险经纪核心系统 <a class="header-anchor" href="#保险经纪核心系统" aria-hidden="true">#</a></h3><p><code>react</code> <code>ant-design</code> <code>mobx</code></p><h5 id="项目描述-5" tabindex="-1">项目描述： <a class="header-anchor" href="#项目描述-5" aria-hidden="true">#</a></h5><p>用于富卫旗下经代核心保险经纪人管理的系统。</p><h5 id="主要职责-4" tabindex="-1">主要职责： <a class="header-anchor" href="#主要职责-4" aria-hidden="true">#</a></h5><ol><li>用 <code>ant-design</code> 的 <code>from</code> 组件完成保单的录入，审核，维护等大量表单数据的录入规则检验等。</li><li>系统接入一键国际化、更换主题功能等。</li><li>封装功能组件（表单框架，按钮，弹框，表格，分页等）和公共方法（<code>axios</code> 请求、上传下载文件、时间格式化等）实现各模块复用。</li><li>使用 <code>rem</code> 布局适配在不同分辨率下展示效果一致。</li><li>采用 <code>Promise.all</code> 解决大量高并发数据字典接口查询返回不一致问题。</li></ol><h2 id="自我评价" tabindex="-1">自我评价 <a class="header-anchor" href="#自我评价" aria-hidden="true">#</a></h2><ul><li>注重代码书写、提交规范。</li><li>热爱前端，热衷开源分享，工作之余，常在论坛社区交流群等交流前端技术。</li><li>自认为具有较强的学习能力、沟通能力和团队合作精神。</li></ul></div></div></main><!--[--><!--]--><!----><!--[--><!--]--></div></div></div></div></div><!----><!--[--><!--]--></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"index.md\":\"1b3dfb78\"}")</script>
    <script type="module" async src="/dengjiabei/assets/app.130337a6.js"></script>
    
  </body>
</html>